webpackJsonp([215],{

/***/ 1770:
/***/ (function(module, exports) {

module.exports = {
  "content": [
    "section",
    [
      "p",
      "按钮用于开始一个即时操作。"
    ],
    [
      "h2",
      "何时使用"
    ],
    [
      "p",
      "标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。"
    ]
  ],
  "meta": {
    "category": "Components",
    "type": "General",
    "title": "Button",
    "subtitle": "按钮",
    "filename": "components/button/index.zh-CN.md"
  },
  "toc": [
    "ul",
    [
      "li",
      [
        "a",
        {
          "className": "bisheng-toc-h2",
          "href": "#何时使用",
          "title": "何时使用"
        },
        "何时使用"
      ]
    ],
    [
      "li",
      [
        "a",
        {
          "className": "bisheng-toc-h2",
          "href": "#API",
          "title": "API"
        },
        "API"
      ]
    ]
  ],
  "api": [
    "section",
    [
      "h2",
      "API"
    ],
    [
      "p",
      "通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：",
      [
        "code",
        "type"
      ],
      " -> ",
      [
        "code",
        "shape"
      ],
      " -> ",
      [
        "code",
        "size"
      ],
      " -> ",
      [
        "code",
        "loading"
      ],
      " -> ",
      [
        "code",
        "disabled"
      ]
    ],
    [
      "p",
      "按钮的属性说明如下："
    ],
    [
      "table",
      [
        "thead",
        [
          "tr",
          [
            "th",
            "属性"
          ],
          [
            "th",
            "说明"
          ],
          [
            "th",
            "类型"
          ],
          [
            "th",
            "默认值"
          ]
        ]
      ],
      [
        "tbody",
        [
          "tr",
          [
            "td",
            "disabled"
          ],
          [
            "td",
            "按钮失效状态"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            [
              "code",
              "false"
            ]
          ]
        ],
        [
          "tr",
          [
            "td",
            "ghost"
          ],
          [
            "td",
            "幽灵属性，使按钮背景透明，版本 2.7 中增加"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            "false"
          ]
        ],
        [
          "tr",
          [
            "td",
            "href"
          ],
          [
            "td",
            "点击跳转的地址，指定此属性 button 的行为和 a 链接一致"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "htmlType"
          ],
          [
            "td",
            "设置 ",
            [
              "code",
              "button"
            ],
            " 原生的 ",
            [
              "code",
              "type"
            ],
            " 值，可选值请参考 ",
            [
              "a",
              {
                "title": null,
                "href": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type"
              },
              "HTML 标准"
            ]
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            [
              "code",
              "button"
            ]
          ]
        ],
        [
          "tr",
          [
            "td",
            "icon"
          ],
          [
            "td",
            "设置按钮的图标类型"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "loading"
          ],
          [
            "td",
            "设置按钮载入状态"
          ],
          [
            "td",
            "boolean ",
            "|",
            " { delay: number }"
          ],
          [
            "td",
            [
              "code",
              "false"
            ]
          ]
        ],
        [
          "tr",
          [
            "td",
            "shape"
          ],
          [
            "td",
            "设置按钮形状，可选值为 ",
            [
              "code",
              "circle"
            ],
            " 或者不设"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "size"
          ],
          [
            "td",
            "设置按钮大小，可选值为 ",
            [
              "code",
              "small"
            ],
            " ",
            [
              "code",
              "large"
            ],
            " 或者不设"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            [
              "code",
              "default"
            ]
          ]
        ],
        [
          "tr",
          [
            "td",
            "target"
          ],
          [
            "td",
            "相当于 a 链接的 target 属性，href 存在时生效"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "type"
          ],
          [
            "td",
            "设置按钮类型，可选值为 ",
            [
              "code",
              "primary"
            ],
            " ",
            [
              "code",
              "dashed"
            ],
            " ",
            [
              "code",
              "danger"
            ],
            "(版本 2.7 中增加) 或者不设"
          ],
          [
            "td",
            "string"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "onClick"
          ],
          [
            "td",
            "点击按钮时的回调"
          ],
          [
            "td",
            "(event) => void"
          ],
          [
            "td",
            "-"
          ]
        ],
        [
          "tr",
          [
            "td",
            "block"
          ],
          [
            "td",
            "将按钮宽度调整为其父宽度的选项"
          ],
          [
            "td",
            "boolean"
          ],
          [
            "td",
            [
              "code",
              "false"
            ]
          ]
        ]
      ]
    ],
    [
      "p",
      "支持原生 button 的其他所有属性。"
    ],
    [
      "p",
      [
        "code",
        "<Button>Hello world!</Button>"
      ],
      " 最终会被渲染为 ",
      [
        "code",
        "<button><span>Hello world!</span></button>"
      ],
      "，并且除了上表中的属性，其它属性都会直接传到原生 button 上。"
    ],
    [
      "p",
      [
        "code",
        "<Button href=\"http://example.com\">Hello world!</Button>"
      ],
      " 则会渲染为 ",
      [
        "code",
        "<a href=\"http://example.com\"><span>Hello world!</span></a>"
      ],
      "。"
    ],
    [
      "style",
      "\n[id^=\"components-button-demo-\"] .ant-btn {\n  margin-right: 8px;\n  margin-bottom: 12px;\n}\n[id^=\"components-button-demo-\"] .ant-btn-group > .ant-btn {\n  margin-right: 0;\n}\n"
    ]
  ]
};

/***/ })

});